// page {
// 	background-color: #f7f8fa;
// }

.banner_swiper {
	width: 100%;
	height: 450rpx;

	.item_img {
		width: 100%;
		height: 100%;
		position: relative;

		.item_num {
			color: #fff;
			font-size: 28rpx;
			z-index: 2;
			position: absolute;
			top: 20rpx;
			right: 30rpx;
		}
	}
}

.house_info {
	width: 100%;
	height: 150rpx;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 1px solid #f7f8fa;
	padding-bottom: 8rpx;

	.house_name {
		font-size: 32rpx;
		margin-left: 20rpx;
		margin-top: 10rpx;
		font-weight: bold;
	}

	.info_bottom {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.house_rent {
			font-size: 34rpx;
			color: rgb(248, 80, 2);
			margin-left: 20rpx;
			font-weight: bold;
		}

		.tag {
			width: 80rpx;
			height: 40rpx;
			font-size: 24rpx;
			color: #4b5ce3;
			border: 1px solid #4b5ce3;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 20rpx;
			border-radius: 8rpx;
		}
	}
}

.info_box {
	width: 100%;
	// height: 300rpx;
	background-color: #fff;
	margin-top: 30rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 1px solid #f7f8fa;
	padding-bottom: 8rpx;

	.box_title {
		font-size: 30rpx;
		font-weight: bold;
		margin-left: 20rpx;
		margin-top: 10rpx;
	}

	.info_grid {
		width: 600rpx;
		// height: 200rpx;
		// border: 1px solid #000;
		margin: 20rpx auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
		align-items: center;
		justify-content: center;
		font-size: 26rpx;
	}

	.house_address {
		width: 100%;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.address {
			margin-left: 20rpx;
			font-size: 26rpx;
		}

		.address_icon {
			margin-right: 20rpx;
		}
	}

	.address_map {
		width: 90%;
		margin: 20rpx auto;
	}

	.phone_box {
		width: 100%;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10rpx;

		.phone_text {
			margin-left: 20rpx;
			font-size: 26rpx;
		}

		.phone_icon {
			margin-right: 20rpx;
		}
	}
}

.footer {
	border-top: 1px solid #e0e0e0;
	width: 100%;
	height: 120rpx;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20rpx;

	.icons {
		display: flex;
		align-items: center;
		height: 100%;

		.icon_label {
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-left: 40rpx;

			.foot_icon {
				margin-top: 15rpx;
				margin-bottom: 5rpx;
			}

			.foot_text {
				font-size: 24rpx;
			}
		}
	}

	.btns {
		height: 100%;
		display: flex;
		align-items: center;

		.ver_btn {
			margin-right: 40rpx;
			height: 75rpx;
			width: 230rpx;
			font-size: 24rpx;
		}
	}
}

.ver_box {
	width: 100%;
	height: 600rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	.ver_form {
		width: 100%;
		display: flex;
		flex-direction: column;

		.ver_inp {
			width: 100%;
		}
	}

	.sub_btn {
		width: 500rpx;
		height: 80rpx;
		margin-bottom: 50rpx;
	}


}

.upload_box {
	width: 100%;
	height: 600rpx;
	display: flex;
	flex-direction: column;
	align-items: center;

	.btn_group {
		width: 100%;
		height: 90rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 20rpx;

		.video_btn {
			width: 200rpx;
			height: 80rpx;
			font-size: 28rpx;
		}
	}

	.img_scroll {
		margin-top: 50rpx;
		width: 100%;
		height: 400rpx;
		display: flex;
		flex-direction: row;
		white-space: nowrap;

		.img_item {
			width: 450rpx;
			height: 300rpx;
			border: 1px solid #EBEDF0;
			box-sizing: border-box;
			margin-left: 20rpx;
			display: inline-block;
			position: relative;
		}

		.item_del {
			width: 40rpx;
			height: 40rpx;
			background-color: rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 24rpx;
			position: absolute;
			top: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-bottom-left-radius: 8rpx;
		}

		.item_poster {
			width: 60rpx;
			height: 40rpx;
			font-size: 24rpx;
			background-color: rgba(0, 0, 0, 0.5);
			color: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-top-right-radius: 8rpx;
		}
	}
}